<!--main content start-->

  <section class="wrapper">
      <!--state-overview start-->
      <div class="row state-overview">
          <!--section 1 start-->
		      <div class="col-lg-3 col-sm-6">
			        <section class="panel">
				          <div class="symbol terques">
					            <i class="fa fa-bell"></i>
				          </div>
				          <div class="value">
					             <h1>10</h1>
					             <p>Product tracking alert</p>
				          </div>
			        </section>
          </div>
          <!--section 1 end-->
          <!--section 2 start-->
          <div class="col-lg-3 col-sm-6">
			        <section class="panel">
				          <div class="symbol red">
					            <i class="fa fa-bar-chart"></i>
				          </div>
				          <div class="value">
					             <h1>10</h1>
					             <p>Product tracking alert</p>
				          </div>
			        </section>
          </div>
          <!--section 2 end-->
          <!--section 3 start-->
          <div class="col-lg-3 col-sm-6">
			        <section class="panel">
				          <div class="symbol yellow">
					            <i class="fa fa-tasks"></i>
				          </div>
				          <div class="value">
					             <h1>10</h1>
					             <p>Product tracking alert</p>
				          </div>
			        </section>
          </div>
          <!--section 3 end-->
          <!--section 4 start-->
          <div class="col-lg-3 col-sm-6">
			        <section class="panel">
				          <div class="symbol blue">
					            <i class="fa fa-bookmark"></i>
				          </div>
				          <div class="value">
					             <h1>10</h1>
					             <p>Product tracking alert</p>
				          </div>
			        </section>
          </div>
          <!--section 4 end-->
      </div>
      <!--state-overview end-->
      <!--view list start-->
      <div class="row">
        <!--column 1 start-->
        <div class="col-lg-4 col-sm-6">
			      <section>
				        <header class="panel-heading">Products Usage</header>
                <div class="panel-body">
                    <div class="bio-chart">
                        <input class="knob" data-width="101" data-height="101" data-displayPrevious=true  data-thickness=".2" value="63" data-fgColor="#4CC5CD" data-bgColor="#e8e8e8">
                    </div>
                    <div class="bio-desk">
                        <h4 class="terques">ThemeForest CMS </h4>
                        <p>Started : 15 July</p>
                        <p>Deadline : 15 August</p>
                    </div>
                </div>
			      </section>
        </div>
        <!--column 1 end-->
        <!--column 2 start-->
        <div class="col-lg-4 col-sm-6">
			      <section>
				        <header class="panel-heading">Products Usage</header>
                <div class="panel-body">
                    <div class="bio-chart">
                        <input class="knob" data-width="101" data-height="101" data-displayPrevious=true  data-thickness=".2" value="63" data-fgColor="#4CC5CD" data-bgColor="#e8e8e8">
                    </div>
                    <div class="bio-desk">
                        <h4 class="terques">ThemeForest CMS </h4>
                        <p>Started : 15 July</p>
                        <p>Deadline : 15 August</p>
                    </div>
                </div>
			      </section>
        </div>
        <!--column 2 end-->
        <!--column 3 start-->
        <div class="col-lg-4 col-sm-6">
			      <section>
				        <header class="panel-heading">Products Usage</header>
                <div class="panel-body">
                    <div class="bio-chart">
                        <input class="knob" data-width="101" data-height="101" data-displayPrevious=true  data-thickness=".2" value="63" data-fgColor="#4CC5CD" data-bgColor="#e8e8e8">
                    </div>
                    <div class="bio-desk">
                        <h4 class="terques">ThemeForest CMS </h4>
                        <p>Started : 15 July</p>
                        <p>Deadline : 15 August</p>
                    </div>
                </div>
			      </section>
        </div>
        <!--column 3 end-->
      </div>
      <!--view list start-->
      <!--morris start-->
      <div class="morris">
        <div class="row">
          <!--panel 1 start-->
          <div class="col-lg-6">
			        <section class="panel">
                  <header class="panel-heading">
                      Products imported
                      <div class="btn-group pull-right">
                          <button class="btn btn-white" type="button">Last Week</button>
                          <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button"><span class="caret"></span></button>
                          <ul role="menu" class="dropdown-menu">
                              <li><a href="#">Action</a></li>
                              <li><a href="#">Another action</a></li>
                              <li><a href="#">Something else here</a></li>
                              <li class="divider"></li>
                              <li><a href="#">Separated link</a></li>
                          </ul>
                      </div>
                  </header>
                  <div class="panel-body">
                    <div id="hero-graph" class="graph"></div>
                  </div>
              </section>
          </div>
          <!--panel 1 end-->
          <!--panel 2 start-->
          <div class="col-lg-6">
			        <section class="panel">
                  <header class="panel-heading">
                      Products imported
                      <div class="btn-group pull-right">
                          <button class="btn btn-white" type="button">Last Week</button>
                          <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button"><span class="caret"></span></button>
                          <ul role="menu" class="dropdown-menu">
                              <li><a href="#">Action</a></li>
                              <li><a href="#">Another action</a></li>
                              <li><a href="#">Something else here</a></li>
                              <li class="divider"></li>
                              <li><a href="#">Separated link</a></li>
                          </ul>
                      </div>
                  </header>
                  <div class="panel-body">
                    <div id="hero-graph" class="graph"></div>
                  </div>
              </section>
          </div>
          <!--panel 2 end-->
        </div>
      </div>
      <!--morris end-->

      <!--panel information start-->
      <div class="row">
        <div class="col-lg-6">
          <div class="panel">
            <div class="panel-primary">
              <header class="panel-heading">New</header>
            </div>
            <div class="panel-body">
              <span class="panel-title">
                <button class="btn btn-success">personal</button>
                <time class="pull-right">3hours</time>
              </span>
              <div class="panel-group">
                <span>Meet Mom from the Airport</span>
                <p>Nullam id suscipit tortor, non gravida mauris. Fusce vehicula accumsan sem efficitur sollicitudin. Suspendisse auctor urna at dui suscipit, ac pellentesque neque commodo</p>
              </div>

              <span class="panel-title">
                <button class="btn btn-success">personal</button>
                <time class="pull-right">3hours</time>
              </span>
              <div class="panel-group">
                <span>Meet Mom from the Airport</span>
                <p>Nullam id suscipit tortor, non gravida mauris. Fusce vehicula accumsan sem efficitur sollicitudin. Suspendisse auctor urna at dui suscipit, ac pellentesque neque commodo</p>
              </div>

              <span class="panel-title">
                <button class="btn btn-success">personal</button>
                <time class="pull-right">3hours</time>
              </span>
              <div class="panel-group">
                <span>Meet Mom from the Airport</span>
                <p>Nullam id suscipit tortor, non gravida mauris. Fusce vehicula accumsan sem efficitur sollicitudin. Suspendisse auctor urna at dui suscipit, ac pellentesque neque commodo</p>
              </div>
            </div>
          </div>
        </div>

        <div class="col-lg-6">
          <div class="panel">
            <div class="panel-primary">
              <header class="panel-heading">New</header>
            </div>
            <div class="panel-body">
              <span class="panel-title">
                <button class="btn btn-success">personal</button>
                <time class="pull-right">3hours</time>
              </span>
              <div class="panel-group">
                <span>Meet Mom from the Airport</span>
                <p>Nullam id suscipit tortor, non gravida mauris. Fusce vehicula accumsan sem efficitur sollicitudin. Suspendisse auctor urna at dui suscipit, ac pellentesque neque commodo</p>
              </div>

              <span class="panel-title">
                <button class="btn btn-success">personal</button>
                <time class="pull-right">3hours</time>
              </span>
              <div class="panel-group">
                <span>Meet Mom from the Airport</span>
                <p>Nullam id suscipit tortor, non gravida mauris. Fusce vehicula accumsan sem efficitur sollicitudin. Suspendisse auctor urna at dui suscipit, ac pellentesque neque commodo</p>
              </div>

              <span class="panel-title">
                <button class="btn btn-success">personal</button>
                <time class="pull-right">3hours</time>
              </span>
              <div class="panel-group">
                <span>Meet Mom from the Airport</span>
                <p>Nullam id suscipit tortor, non gravida mauris. Fusce vehicula accumsan sem efficitur sollicitudin. Suspendisse auctor urna at dui suscipit, ac pellentesque neque commodo</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--panel information end-->
      <!--copyrigth start-->
      <div class="row  footer-margin" style="margin-left:70px;">
		      <div class="col-md-4">
			        <span>GET AXEMPLATE UPDATES</span>
			        <p>&nbsp;&nbsp;Enter your email address for updates<br/>&nbsp;&nbsp;about news in Axemplate</p>
			        <div class="send-wrapper">
                <input type="email" class="send-input" placeholder="send email...">
                <button type="button" class="send-button">Ok</button>
			        </div>
		      </div>

		      <div class="col-md-4">
			        <span>FOLLOW US</span>
			        <ul>
				          <li>
				             <span><i class="fa fa-facebook-square"></i></span>
				             <a href="#">FaceBook</a>
				          </li>
				          <li>
				              <span><i class="fa fa-twitter"></i></span>
				              <a href="#">Twitter</a>
				          </li>
				          <li>
				              <span><i class="fa fa-google-plus"></i></span>
				              <a href="#">Google +</a>
				          </li>
				          <li>
				              <span><i class="fa fa-linkedin-square"></i></span>
				              <a href="#">LinkedIn</a>
				          </li>
			        </ul>
		      </div>

		      <div class="col-md-4">
			        <span>ABOUT AXEMPLATE</span>
			        <ul>
				          <li>
                    <span><i class="fa fa-users"></i></span>
                    <a href="#">About</a>
                  </li>
				          <li>
                    <span><i class="fa fa-tag"></i></span>
                    <a href="#">Blog</a>
                  </li>
				          <li>
                    <span><i class="fa fa-rss"></i></span>
                    <a href="#">FAQ</a>
                  </li>
				          <li>
                    <span><i class="fa fa-th-large"></i></span>
                    <a href="#">Refund Policy</a>
                  </li>
			        </ul>
		      </div>
      </div>
      <!--copyrigth end-->
  </section>

<!--main content end-->